<script type="text/javascript" src="js/component_measure.js"></script>
<script type="text/javascript" src="js/compoment_coverge.js"></script>
<style type="text/css">
#gen_tab_layout {
	float: left;
	height: 300px;
}
#toolbar {
	width: 100px;
	background-color: #151515;
	border: 1px solid #404040;
	margin-top:50%;
}
#toolbar button {
	margin: 5px;
}
#toolbar_layout {
	background-color: #151515;
	text-align: center;
	vertical-align: middle;
	height: 295px;
	line-height:295px;
	width: 105px;
	float: right;
	margin-right:10px;
}
/**添加正常时候的tab的边框*/
.jqx-tabs-title {
	border: 1px solid #404040;
}
#gen_tab ul li button {
	width:16px;
	height:16px;
	border:none;
	background-color: transparent;
}
#gen_tab ul li button:hover {
	margin:-1px 0px;
}
#gen_tab ul li button:active {
	/*
	width:18px;
	height:18px;
	border: 1px solid #404040;*/
	margin:-3px 0px;
}
#gen_tab ul li .add {
	background-image: url(../images/add.gif);
}
#gen_tab ul li .delete {
	background-image: url(../images/delete.gif);
}
#gen_tab ul li .edit {
	background-image: url(../images/edit.png);
}
#gen_tab ul li .tab_box {
	float: right;
	height: 20px;
	width: 70px;
	margin-right:-15px;
	margin-left:5px;
}
.genlist {
	width:100%;
	height:100%;
	background:#000;
}
.genlist li {
	float: left;
	height: 20px;
	width: 60px;
	background:#151515;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	cursor: pointer;
	padding:3px;
	text-align:center;
	line-height:20px;
}
.genlist li:hover {
	background:#303030;
}
.genlist li:active {
	background:#505050;
}
.genlist li.selected {
	color:blue;
}
#gen_layout {
	width:100%;
	height:300px;
	-moz-user-select: none; /*firefox 中禁止选择文字*/
	overflow: hidden;
}
#gen_tab_layout {
	height:99%;
	overflow: hidden;
}
#measure_tab_layout {
	width:100%;
	height:325px;
}
#property_item_body {
	margin:0 auto;
	height:100%;
}
.cfg_dlg tr {
	height:35px;
}
.cfg_dlg tr td {
	width:80px;
}
div #msg {
	height: 100px;
	width: 160px;
}
#gen_layout #gen_tab_layout #gen_tab div h1 {
	background-color: #00F;
	color:#C00;
}
</style>

<div id="gen_layout">
  <div  id="gen_tab_layout" onselectstart="return false"><!--IE总禁止选择文字-->
    <div id="gen_tab" >
      <ul    >
        <li>说明</li>
        <!-- 由于tab 控件必须添加一个初始的tab，所以在这里添加对该配置界面的操作说明。-->
     
     <!--   <li> <span style='float:left'>test</span>
          <div class="tab_box">
            <button class="add"></button>
            <button class="delete"></button>
            <button class="edit"></button>
          </div>
        </li>-->
      </ul>
      <div> <strong>操作说明：</strong> <br />
        <h1>当前界面为集电线配置界面，配置当前集电线的量测信息和机组信息。 </h1><br />
        1.量测信息，界面下半部分的四遥，是对集电线量测的配置。
        该部分配置，对每种量测类型中量测的数量是固定的（配置集电线设备量测库的时候已经配置好），你需要做的是通过启用标识，启用对应量测。 <br />
        2. </div>
      <!--div>
        <ul class="genlist">
          <li>#1机组</li>
          <li>#1机组</li>
          <li>#1机组</li>
          <li>#1机组</li>
          <li>#1机组</li>
          <li>#1机组</li>
        </ul>
      </div-->
    </div>
  </div>
  <div id="toolbar_layout">
    <div id="toolbar"  class="borderRadius" >
      <button   id="add"> 添加</button>
      <button   id="delete"> 删除</button>
    </div>
  </div>
</div>
<div id="measure_tab_layout" style="display:block">
  <div id='measure_tab' >
    <ul>
      <li style="margin-left: 30px;">
        <div style="height: 20px; margin-top: 5px;">
          <div style="float: left;"> </div>
          <div style="margin-left: 4px; vertical-align: middle; text-align: center; float: left;"> 遥测</div>
        </div>
      </li>
      <li>
        <div style="height: 20px; margin-top: 5px;">
          <div style="float: left;"> 
            <!--  <img width="16" height="16" src="../../images/pieicon.png" />--> 
          </div>
          <div style="margin-left: 4px; vertical-align: middle; text-align: center; float: left;"> 遥信</div>
        </div>
      </li>
      <li>
        <div style="height: 20px; margin-top: 5px;">
          <div style="float: left;"> 
            <!--  <img width="16" height="16" src="../../images/pieicon.png" />--> 
          </div>
          <div style="margin-left: 4px; vertical-align: middle; text-align: center; float: left;"> 遥控</div>
        </div>
      </li>
      <li>
        <div style="height: 20px; margin-top: 5px;">
          <div style="float: left;"> 
            <!--  <img width="16" height="16" src="../../images/pieicon.png" />--> 
          </div>
          <div style="margin-left: 4px; vertical-align: middle; text-align: center; float: left;"> 遥调</div>
        </div>
      </li>
    </ul>
    <div style="overflow: hidden;">
      <div id="measure_grid_yc"  style="width: 100%; height: 100%"> </div>
    </div>
    <div style="overflow: hidden;">
      <div id='measure_grid_yx' style="width: 100%; height: 100%"> </div>
    </div>
    <div style="overflow: hidden;">
      <div id='measure_grid_yk' style="width: 100%; height: 100%"> </div>
    </div>
    <div style="overflow: hidden;">
      <div id='measure_grid_yt' style="width: 100%; height: 100%"> </div>
    </div>
  </div>
</div>
<!--添加机组类型对话框-->
<div id="add_gen_type_dlg" class="cfg_dlg">
  <div> <img width="14" height="14" src="../../images/help.png" alt="" /> 添加机组类型</div>
  <div>
    <div>
      <table width="170" height="60"  >
        <tr height="35">
          <td width="80">机组类型</td>
          <td width="80"><div   id="gen_type" class="z-index:9999"></div></td>
        </tr>
        <tr>
          <td>分类标识</td>
          <td><div    id="gen_type_flg"  class="z-index:9999"></div></td>
        </tr>
      </table>
    </div>
    <div style="padding:10px;">
      <div style=" margin:0 auto;">
        <input type="button" id="ok" value="确认" style="margin-right: 10px" />
        <input type="button" id="cancel" value="取消" />
      </div>
    </div>
  </div>
</div>
<!--机组类型中添加机组对话框-->
<div id="add_type_gens_dlg" class="cfg_dlg">
  <div> <img width="14" height="14" src="../../images/help.png" alt="" /> 添加机组</div>
  <div>
    <div>
      <table width="170" height="60"  >
        <tr  >
          <td width="80">机组名称</td>
          <td width="80"><input    id="name_sufix"   /></td>
        </tr>
        <tr>
          <td>起始编号</td>
          <td><input    id="begin_no"   /></td>
        </tr>
        <tr>
          <td>机组数量</td>
          <td><input    id="total_num"  /></td>
        </tr>
      </table>
    </div>
    <div style="padding:10px;">
      <div style=" margin:0 auto;">
        <input type="button" id="ok" value="确认" style="margin-right: 10px" />
        <input type="button" id="cancel" value="取消" />
      </div>
    </div>
  </div>
</div>
<!--删除机组确认对话框-->
<div id="gen_delete_dlg" class="cfg_dlg">
  <div> <img width="14" height="14" src="../../images/help.png" alt="" /> 删除确认</div>
  <div>
    <div id="msg"> </div>
    <div style="padding:10px;">
      <div style=" margin:0 auto;">
        <input type="button" id="ok" value="确认" style="margin-right: 10px" />
        <input type="button" id="cancel" value="取消" />
      </div>
    </div>
  </div>
</div>
<!--编辑机组提示对话框-->
<div id="gen_edit_dlg">
  <div> <img width="14" height="14" src="../../images/help.png" alt="" /> 编辑提示</div>
  <div>
    <div id="msg"> </div>
    <div style="padding:10px;">
      <div style=" margin:0 auto;">
        <input type="button" id="ok" value="确认" style="margin-right: 10px" />
        <input type="button" id="cancel" value="取消" />
      </div>
    </div>
  </div>
</div>
